}
&.text-button.image-button {
- // those buttons needs uneven horizontal padding, we want the icon side
- // to have the image-button padding, while the text side the text-button
- // one, so we're adding the missing padding to the label depending on
- // its position inside the button
- padding-left: 0;
- padding-right: 0;
-
- label:first-child {
- padding-left: 16px;
- padding-right: 0;
- }
-
- label:last-child {
- padding-left: 0;
- padding-right: 16px;
- }
+ padding-left: 8px;
+ padding-right: 8px;
- image {
+ label {
padding-left: 8px;
padding-right: 8px;
}
padding-right: 16px; }
notebook > header > tabs > arrow.text-button.image-button, headerbar button.text-button.image-button.titlebutton,
.titlebar button.text-button.image-button.titlebutton, button.text-button.image-button {
- padding-left: 0;
- padding-right: 0; }
- notebook > header > tabs > arrow.text-button.image-button label:first-child, headerbar button.text-button.image-button.titlebutton label:first-child,
- .titlebar button.text-button.image-button.titlebutton label:first-child, button.text-button.image-button label:first-child {
- padding-left: 16px;
- padding-right: 0; }
- notebook > header > tabs > arrow.text-button.image-button label:last-child, headerbar button.text-button.image-button.titlebutton label:last-child,
- .titlebar button.text-button.image-button.titlebutton label:last-child, button.text-button.image-button label:last-child {
- padding-left: 0;
- padding-right: 16px; }
- notebook > header > tabs > arrow.text-button.image-button image, headerbar button.text-button.image-button.titlebutton image,
- .titlebar button.text-button.image-button.titlebutton image, button.text-button.image-button image {
+ padding-left: 8px;
+ padding-right: 8px; }
+ notebook > header > tabs > arrow.text-button.image-button label, headerbar button.text-button.image-button.titlebutton label,
+ .titlebar button.text-button.image-button.titlebutton label, button.text-button.image-button label {
padding-left: 8px;
padding-right: 8px; }
button.osd {
padding-right: 16px; }
notebook > header > tabs > arrow.text-button.image-button, headerbar button.text-button.image-button.titlebutton,
.titlebar button.text-button.image-button.titlebutton, button.text-button.image-button {
- padding-left: 0;
- padding-right: 0; }
- notebook > header > tabs > arrow.text-button.image-button label:first-child, headerbar button.text-button.image-button.titlebutton label:first-child,
- .titlebar button.text-button.image-button.titlebutton label:first-child, button.text-button.image-button label:first-child {
- padding-left: 16px;
- padding-right: 0; }
- notebook > header > tabs > arrow.text-button.image-button label:last-child, headerbar button.text-button.image-button.titlebutton label:last-child,
- .titlebar button.text-button.image-button.titlebutton label:last-child, button.text-button.image-button label:last-child {
- padding-left: 0;
- padding-right: 16px; }
- notebook > header > tabs > arrow.text-button.image-button image, headerbar button.text-button.image-button.titlebutton image,
- .titlebar button.text-button.image-button.titlebutton image, button.text-button.image-button image {
+ padding-left: 8px;
+ padding-right: 8px; }
+ notebook > header > tabs > arrow.text-button.image-button label, headerbar button.text-button.image-button.titlebutton label,
+ .titlebar button.text-button.image-button.titlebutton label, button.text-button.image-button label {
padding-left: 8px;
padding-right: 8px; }
button.osd {